<template>
<div v-for="(item,index) in state.list" :key="index">
    <h2>{{item.title}}</h2>
    <CardComp :content="item.content"></CardComp>
</div>
</template>
<script setup>
import { reactive } from 'vue'
import CardComp from '@/components/cardComp.vue'
const state = reactive({
    list: [
        {
            title: 'meta标签',
            content: `<meta name="viewport"
    content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />`,
        },
    ],
})
</script>
<style lang="less" scoped></style>
